<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="antd.min.css">
    <script src="vue.min.js"></script>
    <script src="antd.min.js"></script>
    <style>
        *{
            text-align: center;
          
        }
    </style>
</head>
<body>
    <div id="app">
        <fieldset >
            <legend>
                CMS登陆系统
            </legend>
            <p><a-input type="text" placeholder="请输入用户名"v-model="select"style="width:50%;"></a-input></p>
            <p><a-input type="password"placeholder="请输入密码"style="width:50%;"></a-input></p>
        <p><a-button type="primary"@click="login()">登录</a-button></p>
        </fieldset>
        
    </div>
    <script>
        new Vue({
            el:"#app",
            data:{
                select:""
            },
                methods:{
                    login:function(){
                        this.$message.warn(this.select+"登陆成功")
                    }
                }
        })
    </script>
</body>
</html>